<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../echarts.min.js"></script>
    <script src="../jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" href="../bespoke/main.css">
    <link rel="stylesheet" href="../bespoke/animations.css">
    <link rel="shortcut icon" href="#" />
</head>
<body>
<div id="container">

    <!--<button onclick="switchScene()">切换场景</button>
  
     <canvas id="containerCanvas" width="1366" height="662">
			Your browser doesn't appear to support the HTML5 <code>&lt;canvas&gt;</code> element.
    </canvas>-->
    <!--<iframe src="../../../planetmaker_dev/index.html" style="width: 100% ;height: 100%"></iframe>-->
    <!--<iframe src="bd_s_xjll/xjll.html" style="pointer-events: none;position: absolute;top: 50px;left: 50px;width: 100%-->
    <!--;height: 100%" ></iframe>-->
     <!-- <img id="bg" src="../images/beijing.jpg"/> -->
    <div id="bd_time">北斗时间：<span class="date">2018/11/1</span><span class="time">09:51:24</span></div>
    <div id="box">
        <iframe src="../../../planetmaker_dev/index.html" style="pointer-events: none;position: absolute;top: 0px;left:0px;width: 100%;
   height: 100%"></iframe>

        <div id="bespoke">
              <section >
                <iframe src="bd_s_xjll/xjll.html"
                         style="pointer-events: none;position: absolute;top: 0px;left: 0px;width: 100%;
   height: 100%" ></iframe>
            </section>
            <section>
                <iframe src="bd_s_xdlj/xdlj.html" style="pointer-events: none"></iframe>
            </section>

            <section>
                <iframe src="bd_s_fwxn/fwxn.html" style="pointer-events: none"></iframe>
            </section>
            <section>
                <iframe src="bd_s_jcw/jcw.html" style="pointer-events: none"></iframe>
            </section>
            <section>
                <iframe src="bd_s_video/video.html" style="pointer-events: none"></iframe>
            </section>

        </div>
    </div>
</div>

<script>
var rootPath = "../../../planetmaker_dev/";
</script>

<!--
<script src= "../../../planetmaker_dev/lib/three.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/Detector.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/moment.min.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/stats.min.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/json.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/webtoolkit.base64.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/modernizr.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/ace/src-min-noconflict/ace.js" type="text/javascript"></script>

<script src="../../../planetmaker_dev/lib/jquery/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/jquery/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/THREEx.screenshot.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/THREEx.FullScreen.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/lib/THREEx.WindowResize.js" type="text/javascript"></script>

<script src="../../../planetmaker_dev/postprocessing.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/shaders.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/globescene.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/planescene.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/visualizeline.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/sceneswitcher.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/renderobject.js" type="text/javascript"></script>
<script src="../../../planetmaker_dev/assets/earth/earthLines.js"></script>
<script src="../../../planetmaker_dev/assets/earth/earthStation.js"></script>


<script>
    var domElement = document.getElementById("containerCanvas");
    domElement.width = window.innerWidth;
    domElement.height = window.innerHeight;

    var sceneReadyCallback = function() {
    };
    var resourceLoadingStart = function(url) {
    };
    var resourceLoadingFinish = function(successful, remainingResources) {
    };
    var webGlErrorCallback = function(ex) {
    };
    var animationStoppedCallback = function() {
    };
    var contextLostCallback = function(event) {
    };
    var sceneCallbacks = {
        sceneReadyCallback : sceneReadyCallback,
        resourceLoadingStart : resourceLoadingStart,
        resourceLoadingFinish : resourceLoadingFinish,
        webGlErrorCallback : webGlErrorCallback,
        animationStoppedCallback : animationStoppedCallback,
        contextLostCallback : contextLostCallback
    };

    var switchSceneIndex = 0;
    var sceneSwitch = new KMG.SceneSwitch();
    function switchScene(){
        if (switchSceneIndex == 0) {
            sceneSwitch.switch(switchSceneIndex);
            switchSceneIndex = 1;
        } else {
            sceneSwitch.switch(switchSceneIndex);
            switchSceneIndex = 0;
        }
    }

    var renderer = new THREE.WebGLRenderer( { canvas : domElement, antialias: true, alpha: true, preserveDrawingBuffer : true, premutliplies : true} );
    renderer.setSize( window.innerWidth, window.innerHeight );
    renderer.gammaInput = true;
    renderer.gammaOutput = true;
    renderer.physicallyBasedShading = true;
    renderer.autoClear = false;
    renderer.autoClearColor = true;
    renderer.autoClearDepth = true;
    renderer.autoClearStencil = true;
    renderer.setClearColor( 0x000000, 1.0 );

    var config = KMG.Util.extend({}, KMG.DefaultConfig);
    config.textureResolution = "2048x1024";
    config.camera.near = 2;
    config.renderer = renderer;
    var globeScene = new KMG.GlobeScene(domElement, config, sceneCallbacks, null, null);
    globeScene.start();

    var planeScene = new KMG.PlaneScene(domElement, config);
    planeScene.start();

    sceneSwitch.add(globeScene);
    sceneSwitch.add(planeScene);
    switchScene();
	
    function onWindowResize() {
        globeScene.onSize();
        planeScene.onSize();
    }
    window.addEventListener( 'resize', onWindowResize, false );

    function animate() {
        requestAnimationFrame(animate);

        renderer.setClearColor( 0x001862, 1.0 );
        renderer.clear(true, true, true);

        globeScene.onRender();
        planeScene.onRender();
    }
    onWindowResize();
    animate();

</script>

-->

<script src="../bespoke/modernizr.custom.js" type="text/javascript" charset="utf-8"></script>
<script src="../bespoke/bespoke.js"></script>
<script src="../bespoke/bespoke-fx.min.js"></script>
<script type="text/javascript">

    $(window).ready(function() {
        change();
    })

    function change() {
        bespoke.horizontal.from('#bespoke', {
            fx: {
                direction: "horizontal",
                transition: "move",
                reverse: true
            }
        });
    }
</script>
</body>
</html>